@charset "utf-8";
* {margin:0;padding:0;border:0;outline:medium;text-shadow:none;text-decoration:none;}
html {height:100%;}
html,body {background:#fff;width:100%;min-height:100%;}
body {color:#000;font-size:12px;line-height:1;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media(min-width:768px){
  body {font-size:13px;}
}
@media(min-width:992px){
  body {font-size:14px;}
}
@media(min-width:1200px){
  body {font-size:15px;}
}
@media(min-width:1400px){
  body {font-size:16px;}
}
@media(min-width:1600px){
  .container {max-width:1430px;margin:0 auto;}
}
@media(min-width:1800px){
  .container {max-width:1630px;}
}

.clamp-2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
.clamp-3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;}
.clamp-4 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis;}

input {vertical-align:middle;}
textarea {resize:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
hr {border-width:1px;border-style:inset;}
ul {list-style:none;padding:0;}
p {margin:0;}
a,a:link,a:active,a:visited,a:hover {color:inherit;text-decoration:none;}
i,em {font-style:normal;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}
/*修改滚动条*/
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb {border-radius:6px;background:#bbb;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.ratio {overflow: hidden;}
.ratio img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:unset;max-width:100%;transition:.36s all linear;}
/* 无内容 */
.no-goods,.no-network {padding-top:100px;overflow:hidden;text-align:center;}
.no-goods img {display:block;margin:0 auto 30px;width:220px;max-height:105px;}
.no-network img {display:block;margin:0 auto 30px;width:222px;height:160px;}
.no-goods p,.no-network p {font-size:14px;color:#666666;line-height:20px;}
/*手机端分页处理*/
.de-page-mian {padding-top:25px;}
@media(max-width:767px) {
  .de-page-mian .page-inner a {margin-right:0!important;}
  .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian .next {display:none!important;}
}

.iframe-video {width:100%;height:470px;overflow:hidden;margin-bottom:30px;}
.iframe-video .video-preview {position:relative;display:block;width:100%;height:100%;font-size:0;text-align:center;cursor:pointer;}
.iframe-video .video-preview::after {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1;}
.iframe-video .video-preview::before {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:url(../images/media-icon.png) no-repeat center;z-index:2;}
.iframe-video .video-preview img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.iframe-video iframe {display:block;width:100%;height:100%;}

@font-face {
  font-family: 'iconfont';  /* Project id 2005099 */
  src: url('//at.alicdn.com/t/font_2005099_pem9io4yszm.woff2?t=1646294414559') format('woff2'),
       url('//at.alicdn.com/t/font_2005099_pem9io4yszm.woff?t=1646294414559') format('woff'),
       url('//at.alicdn.com/t/font_2005099_pem9io4yszm.ttf?t=1646294414559') format('truetype');
}
.ali-icon {font-family: 'iconfont';}


.header {height:80px;border-bottom:1px solid rgba(255,255,255,.1);display: flex;align-items: center;position:fixed;top:0;left:0;right:0;z-index:99;transition:.36s all linear;}
.header.hide {opacity:0;transform:translateY(-100%);}
.header.show {opacity:1;transform:translateY(0);transition:.36s all linear;}
.header.onmove {background:#0f141a;box-shadow:0 10px 15px -10px rgba(100,100,100,0.3);transition:.36s all linear;}
.header.onmove .logo_img {display:none;}
.header.onmove .logo_imgh {display:block;visibility: visible;}
.header.onmove .slide.active>a {font-weight:bold;}
.nofixed .header {position:relative;box-shadow: 0 0 5px 0 #eee;}
.nofixed .header .logo_img {display:none;}
.nofixed .header .logo_imgh {display:block;visibility: visible;}
.header .logo {padding-left:15px;}
.header .logo h1 {color:#fff;font-size:22px;font-weight:bold;margin:0;margin-left:5px;white-space: nowrap;}
.header .logo_imgh {display:none;}
.header .nav {color:#fff;}
.header .nav .slide {flex:1;text-align:center;position:relative;}
.header .nav .slide a {display:block;}
.header .subnav {display:none;color:#fff;background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;right:0;line-height: 35px;transform:translateY(100%);}
.header .tel {color: #fff;white-space:nowrap;display:flex;align-items: center;justify-content: space-around;}
.header .tel i {font-size:130%;margin-right:25px;}
@media(max-width:991px) {
  .header .logo {padding:10px 15px;}
}
@media(min-width:768px) {
  .header {height:70px;}
  .header .logo h1 {font-size:24px;}
  .header .nav .slide>a {line-height: 70px;}
}
@media(min-width:992px) {
  .header {height:90px;}
  .header .logo {flex:0 0 20%;max-width:20%;}
  .header .logo h1 {font-size:26px;}
  .header .nav {flex:0 0 60%;max-width:60%;}
  .header .nav .slide>a {line-height: 90px;}
  .header .nav .slide a:hover {font-weight:bold;transition:.15s all linear;}
  .header .nav .slide.active>a {border-bottom:3px solid #fff;font-weight:bold;position:relative;}
  .header .nav .slide .subnav {font-size:15px;padding:10px 0;}
  .header .nav .slide:hover .subnav {display:block;}
  .header .nav .slide:hover .prosubnav{
    min-width: 172px;
    left:50%;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
  }
  .header .nav .slide .subnav a:hover {color:#fff;background:#e60012;transition:.15s all linear;}
  .header .tel {flex:0 0 20%;max-width:20%;}
  .header .tel b {font-size:18px;font-weight:bold;}
  .header.onmove {height:80px;}
  .header.onmove .nav .slide>a {line-height: 70px;}
  .header.onmove .nav .slide:hover .subnav {border-top: 1px solid #e00;}
}
@media(min-width:1200px) {
  .header {height:95px;}
  .header .logo h1 {font-size:28px;}
  .header .tel a{margin-left:20px;}
  .header .tel b {font-size:19px;}
  .header .nav .slide>a {line-height: 95px;}
}
@media(min-width:1400px) {
  .header .logo h1 {font-size:30px;}
  .header .tel b {font-size:20px;}
}
@media(min-width:1600px) {
  .header {height:110px;}
  .header .logo h1 {font-size:32px;}
  .header .tel b {font-size:21px;}
  .header .nav .slide>a {line-height: 110px;}
}

.banner {overflow:hidden;background: #000;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #cba151;}
.banner-box {position:relative;left:50%;transform:translateX(-50%);text-align: center;}
.banner .title-pagination {pointer-events: none;width:100vw;position: absolute;left:50%;bottom: 30%;transform:translateX(-50%);z-index: 9;padding-right:8vw;}
.banner .title-pagination .s1 {pointer-events:auto;text-align:right;color: #fff;background:none;opacity:.7;line-height:2.5;font-weight:bold;width:200px;height:unset;display:block;margin-left:auto;}
.banner .title-pagination .s1:hover {opacity:1;}
.banner .s1.swiper-pagination-bullet-active {opacity:1;}
.banner .s1:after {content:'';height:2px;width:15px;background: #fff;display:inline-block;margin-left:35px;vertical-align: middle;transition:.36s all linear;}
.banner .s1.swiper-pagination-bullet-active:after {width:30px;margin-left:20px;transition:.36s all linear;}
@media(min-width:1200px) {
  .banner-box {width:100%;min-width:1600px;}
}
@media(min-width:1400px) {
  .banner-box {width:100%;min-width:1920px;}
}
@media(min-width:1530px) {
  .banner-box {width:unset;min-width:unset;}
}
@media(min-width:1600px) {
  .banner-box {width:100%;min-width:1920px;}
}

.page-a {margin:15px 0;}
.location {color:rgba(0,0,0,.6);padding-top:5.789vw;}
@media(min-width:992px) {
  .page-a:hover {color:#e60012;}
}
@media(min-width:1200px) {
	.location {font-size:15px;}
}

.inbanner {background: #263142;min-height:50px;width:100%;overflow:hidden;position:relative;}
.inbanner img {width:768px;position:relative;left:50%;transform:translateX(-50%);}
.inbanner .float01 {width:100%;position:absolute;left:0%;top:50%;transform:translate(0%,-50%);text-align: center;}
.inbanner .float01 .t1 {color:rgba(255,255,255,.2);font-family:'Arial';font-size:46px;font-weight:1000;}
.inbanner .float01 .t2 {color:#fff;font-size:22px;margin-top:16px;}
.inbanner .float01 .t2:before {content:'';display:inline-block;width:30px;height:3px;background:#fff;vertical-align: middle;margin-right:20px;}
.inbanner .float01 .t3 {color:rgba(255,255,255,.8);font-size:14px;margin-top:16px;}
@media(max-width:767px) {
  .inbanner img {width:768px!important;}
  .inbanner .floatbox {top:43%;}
}
@media(min-width:768px) {
  .inbanner {min-height:70px;}
  .inbanner img {width:992px;}
  .inbanner .float01 .t1 {font-size:80px;}
  .inbanner .float01 .t2 {font-size:30px;margin-top:24px;}
  .inbanner .float01 .t3 {font-size:18px;margin-top:24px;}
}
@media(min-width:992px) {
  .inbanner {min-height:90px;}
  .inbanner img {width:1200px;}
  .inbanner .float01 .t1 {font-size:110px;}
  .inbanner .float01 .t2 {font-size:32px;margin-top:28px;}
  .inbanner .float01 .t3 {font-size:20px;margin-top:28px;}
}
@media(min-width:1200px) {
  .inbanner {min-height:95px;}
  .inbanner img {width:100%;}
  .inbanner .float01 .t1 {font-size:140px;}
  .inbanner .float01 .t2 {font-size:36px;margin-top:32px;}
  .inbanner .float01 .t2:before {width:50px;height:5px;margin-right:35px;}
  .inbanner .float01 .t3 {font-size:24px;margin-top:32px;}
}
@media(min-width:1400px) {
  .inbanner .float01 .t1 {font-size:160px;}
  .inbanner .float01 .t2 {font-size:38px;margin-top:36px;}
  .inbanner .float01 .t3 {font-size:26px;margin-top:36px;}
}
@media(min-width:1600px) {
  .inbanner {min-height:110px;}
  .inbanner .float01 .t1 {font-size:168px;}
  .inbanner .float01 .t2 {font-size:40px;margin-top:40px;}
  .inbanner .float01 .t3 {font-size:28px;margin-top:40px;}
}

.index01 {padding:30px 0 20px;position:relative;overflow:hidden;}
.index01 .t1 {color:#6a6767;font-size:20px;white-space: nowrap;}
.index01 .title hr {position:relative;overflow:visible;}
.index01 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.index01 .typelist {width:100%;}
.index01 .typelist a {overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.index01 .adlist {margin-top:25px;}
.index01 .ad {color:#fff;overflow:hidden;position:relative;display:block;}
.index01 .ad img {transition:.36s all linear;}
.index01 .ad:nth-child(2) {margin-top:15px;}
.index01 .ad .txtbox {position:absolute;left:25px;top:25px;max-width:70%;}
.index01 .ad .txtbox .c1 {font-size:24px;}
.index01 .ad .txtbox .c2 {margin-top:10px;}
.index01 .ad .c3 {left:25px;bottom:25px;position:absolute;border:1px solid #fff;line-height: 30px;padding:0 15px;}
.index01 .prolist {margin-top:20px;}
.index01 .prolist .slide {border:1px solid #e7e6e6;}
.index01 .prolist .slide .hoverbg {display:none;}
.index01 .prolist .btnbox {width:65%;margin:20px auto 0;}
.index01 .prolist .btnbox i {color:#444444;font-size:180%;}
.index01 .prolist .btnbox hr {flex:1;border-color:#e7e6e6;margin:0 20px;}
.index01 .prolist .btnbox .listbtn {margin-bottom:10px;}
.index01 .prolist .btnbox .listbtn i {color:#000;font-size:130%;}
.index01 .prolist .btnbox .listbtn:hover {animation: whirl .4s linear 1;}
.index01 .prolist .btnbox .listbtn:hover i {color:#e60012;}
.index01 .prolist .btnbox .prev {transition:.36s all linear;}
.index01 .prolist .btnbox .next {transform:rotateY(180deg);transition:.36s all linear;}
.index01 .prolist .btnbox .prev:hover {transform:scale(1.5);transition:.36s all linear;}
.index01 .prolist .btnbox .next:hover {transform:rotateY(180deg) scale(1.5);transition:.36s all linear;}
@media(max-width:1199px) {
  .index01 .typelist a {line-height: 35px;border:1px solid #eee;display:block;text-align: center;transition:.36s all linear;}
  .index01 .typelist a:hover {background: #e60012;color:#fff;transition:.36s all linear;}
}
@media(min-width:375px) {
  .index01 .ad .txtbox {left:10%;top:15%;}
  .index01 .ad .txtbox .c2 {margin-top:20px;}
  .index01 .ad .c3 {left:10%;bottom:15%;line-height: 35px;padding:0 20px;}
}
@media(min-width:768px) {
  .index01 {padding:50px 0 40px;}
  .index01 .t1 {font-size:24px;}
  .index01 .adlist {margin-top:40px;}
  .index01 .ad .txtbox {left:75px;top:75px;}
  .index01 .ad .txtbox .c1 {font-size:28px;}
  .index01 .ad .txtbox .c2 {margin-top:25px;}
  .index01 .ad .c3 {left:75px;bottom:75px;line-height: 35px;padding:0 20px;}
  .index01 .prolist .btnbox {margin:30px auto 0;}
  .index01 .prolist .btnbox hr {margin:0 25px;}
}
@media(min-width:992px) {
  .index01 {padding:70px 0 60px;}
  .index01 .t1 {font-size:28px;}
  .index01 .adlist {margin-top:50px;}
  .index01 .ad {flex:1;}
  .index01 .ad:nth-child(1) {margin-right:10px;}
  .index01 .ad:nth-child(2) {margin-top:0;margin-left:10px;}
  .index01 .ad .txtbox {left:45px;top:45px;}
  .index01 .ad .txtbox .c1 {font-size:30px;}
  .index01 .ad .txtbox .c2 {margin-top:15px;}
  .index01 .ad .c3 {left:45px;bottom:45px;}
  .index01 .ad:hover img {transform:scale(1.1);transition:.56s all linear;}
  .index01 .prolist .btnbox {margin:45px auto 0;}
  .index01 .prolist .btnbox *:hover {color:#e60012;}
  .index01 .prolist .slide:hover img {transform:translate(-50%,-50%) scale(1.2);transition:.36s all linear;}
  .index01 .prolist .slide .hoverbg {color:#fff;display:flex;align-items:center;justify-content:center;position:relative;background-color: rgba(25, 30, 42, 0.7);opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:.26s all linear;}
  .index01 .prolist .slide .hoverbg:before,
  .index01 .prolist .slide .hoverbg:after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, -webkit-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;-moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;transition: opacity 0.35s, transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;z-index: 2;}
  .index01 .prolist .slide .hoverbg:before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);}
  .index01 .prolist .slide .hoverbg:after {border-left: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0);}
  .index01 .prolist .slide:hover .hoverbg:before,
  .index01 .prolist .slide:hover .hoverbg:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
  .index01 .prolist .slide:hover .hoverbg {opacity:1;transition:.16s all linear;}
}
@media(min-width:1200px) {
  .index01 {padding:90px 0 80px;}
  .index01 .t1 {font-size:30px;}
  .index01 .typelist {padding-left:10%;text-align:right;}
  .index01 .typelist .swiper-slide {text-align:center;}
  .index01 .typelist a:hover {color:#e60012;}
  .index01 .adlist {margin-top:60px;}
  .index01 .ad .txtbox {left:55px;top:55px;}
  .index01 .ad .txtbox .c1 {font-size:32px;}
  .index01 .ad .txtbox .c2 {margin-top:20px;}
  .index01 .ad .c3 {font-size:15px;left:55px;bottom:60px;line-height: 40px;padding:0 25px;}
  .index01 .ad .c3:hover {background:#fff;color:#e60012;transition:.36s all linear;}
  .index01 .prolist .btnbox {margin:60px auto 0;}
  .index01 .prolist .btnbox hr {margin:0 35px;}
}
@media(min-width:1400px) {
  .index01 {padding:110px 0 100px;}
  .index01 .t1 {font-size:34px;}
  .index01 .adlist {margin-top:70px;}
  .index01 .ad .txtbox {left:65px;top:65px;}
  .index01 .ad .txtbox .c1 {font-size:34px;}
  .index01 .ad .txtbox .c2 {margin-top:25px;}
  .index01 .ad .c3 {left:65px;bottom:75px;padding:0 30px;}
  .index01 .prolist .btnbox {margin:75px auto 0;}
  .index01 .prolist .btnbox hr {margin:0 45px;}
}
@media(min-width:1600px) {
  .index01 {padding:125px 0 120px;}
  .index01 .t1 {font-size:36px;}
  .index01 .adlist {margin-top:80px;}
  .index01 .ad .txtbox {left:75px;top:75px;}
  .index01 .ad .txtbox .c1 {font-size:37px;}
  .index01 .ad .c3 {left:75px;bottom:90px;padding:0 35px;}
  .index01 .prolist .btnbox {margin:90px auto 0;}
}

@keyframes whirl{
    100%{ transform: rotate(1turn);}
}
.index02 {padding:30px 0 30px;position:relative;overflow:hidden;}
.index02 .title {color:#fff;text-align: center;}
.index02 .t1 {font-size:20px;line-height: 1.3;}
.index02 .t2 {margin-top:10px;line-height: 1.5;}
.index02 .content {margin-top:20px;}
.index02 .content .swiper {padding:0 20px;margin-left:-20px;margin-right:-20px;}
.index02 .content .swiper-slide {height:unset;}
.index02 .content .slide {color:#fff;border:1px solid #c3c5c7;padding:20px 18% 25px;height:100%;display:block;transition:.26s all linear;}
.index02 .content .slide .img {font-size:33px;display:inline-block;position:relative;z-index:1;}
.index02 .content .slide .img:before {content:'';width:10px;height:10px;background:#e60012;border-radius:50%;top:-5%;left:40%;position:absolute;z-index:-1;}
.index02 .content .slide .c1 {font-size:17px;margin-top:15px;}
.index02 .content .slide .c2 {margin-top:10px;line-height: 2;text-align: justify;}
.index02 .content .slide .c3 {height:35px;line-height: 35px;margin-top:20px;position:relative;z-index:3;}
.index02 .content .slide:hover {border-color:rgba(24,35,54,.88);background:rgba(24,35,54,.88);transition:.26s all linear;}
.index02 .content .slide .c3:after {content:'';background:#e60012;opacity:0;width:0;height:35px;position:absolute;z-index:-1;top:0;left:0;transform:translateX(-40%);transition:.26s all linear;}
.index02 .content .slide:hover .c3:after {opacity:1;width:100%;transition:.26s all linear;}
@media(min-width:768px) {
  .index02 {padding:45px 0 40px;}
  .index02 .t1 {font-size:24px;}
  .index02 .content {margin-top:30px;}
  .index02 .content .slide {padding:25px 18% 35px;}
  .index02 .content .slide .c1 {font-size:18px;margin-top:20px;}
}
@media(min-width:992px) {
  .index02 {padding:60px 0 55px;}
  .index02 .t1 {font-size:28px;}
  .index02 .t2 {margin-top:15px;}
  .index02 .content {margin-top:40px;}
  .index02 .content .slide {padding:30px 18% 45px;}
  .index02 .content .slide .img {font-size:45px;}
  .index02 .content .slide .img:before {width:15px;height:15px;}
  .index02 .content .slide .c1 {font-size:19px;margin-top:25px;}
  .index02 .content .slide .c3 {height:40px;line-height: 40px;margin-top:25px;}
  .index02 .content .slide .c3:after {height:40px;}
}
@media(min-width:1200px) {
  .index02 {padding:75px 0 75px;}
  .index02 .t1 {font-size:32px;}
  .index02 .t2 {margin-top:20px;}
  .index02 .content {margin-top:50px;}
  .index02 .content .slide {padding:35px 18% 55px;}
  .index02 .content .slide .img {font-size:55px;}
  .index02 .content .slide .img:before {width:20px;height:20px;}
  .index02 .content .slide .c1 {font-size:20px;margin-top:30px;}
  .index02 .content .slide .c2 {font-size:15px;margin-top:15px;}
  .index02 .content .slide .c3 {height:45px;line-height: 45px;margin-top:30px;}
  .index02 .content .slide .c3:after {height:45px;}
  .index02 .content .slide:hover .img:before {top:-0%;left:0%;transform-origin: 27px 27px; animation: whirl 1.5s linear infinite;}
}
@media(min-width:1400px) {
  .index02 {padding:90px 0 100px;}
  .index02 .t1 {font-size:36px;}
  .index02 .t2 {margin-top:25px;}
  .index02 .content {margin-top:65px;}
  .index02 .content .slide {padding:40px 18% 65px;}
  .index02 .content .slide .img {font-size:67px;}
  .index02 .content .slide .c1 {font-size:21px;margin-top:35px;}
  .index02 .content .slide .c3 {height:50px;line-height: 50px;margin-top:35px;}
  .index02 .content .slide .c3:after {height:50px;}
  .index02 .content .slide:hover .img:before {transform-origin: 33px 33px;}
}
@media(min-width:1600px) {
  .index02 {padding:105px 0 120px;}
  .index02 .t1 {font-size:40px;}
  .index02 .t2 {margin-top:30px;}
  .index02 .content {margin-top:85px;}
  .index02 .content .slide {padding:45px 18% 75px;}
  .index02 .content .slide .c1 {font-size:22px;margin-top:45px;}
  .index02 .content .slide .c2 {margin-top:20px;}
  .index02 .content .slide .c3 {margin-top:40px;}
}

.index03 {padding:35px 0 45px;position:relative;overflow:hidden;}
.index03 .t1 {color:#6a6767;font-size:20px;white-space: nowrap;}
.index03 .t2 {color:#7a7a7a;}
.index03 .t2:hover {color:#e60012;}
.index03 .t2 i {font-size: 120%;}
.index03 .title hr {position:relative;overflow:visible;margin-left:10%;}
.index03 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.index03 .content {margin-top:25px;}
.index03 .content .txtbox {color:#86898d;padding-right:22%;}
.index03 .content .txtbox .c1 {font-size:50px;border-bottom:3px solid #e60012;display:inline-block;padding-bottom:5px;}
.index03 .content .txtbox .c2 {font-size:16px;margin-top:20px;}
.index03 .content .txtbox .c3 {line-height:1.8;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;}
.index03 .content .txtbox .c4 {margin:20px 0;line-height: 35px;height:35px;border:1px solid #bfbfbf;padding:0 30px 0 15px;display:inline-block;}
.index03 .content .txtbox .c4:hover {color:#fff;background:#e60012;border-color:#e60012;text-align:right;transition:.36s all;}
.index03 .typebox {display:flex;}
.index03 .typebox .s1 {color:#6a6767;height:unset;opacity:1;margin:0;margin-right:10px;background: none;border-radius:unset;text-align:center;white-space: nowrap;width:unset;}
.index03 .typebox .s1:last-child {margin-right:0;}
@media(max-width:1199px){
  .index03 .typebox {margin-top:15px;overflow-x:scroll;padding-bottom: 10px;}
  .index03 .typebox .s1 {line-height: 35px;padding:0 15px;border:1px solid #bfbfbf;}
  .index03 .typebox .s1.swiper-pagination-bullet-active {color:#fff;background: #e60012;border:none;}
}
@media(min-width:768px) {
  .index03 {padding:50px 0 65px;}
  .index03 .t1 {font-size:24px;}
  .index03 .content {margin-top:35px;}
  .index03 .content .txtbox .c1 {font-size:70px;}
  .index03 .content .txtbox .c2 {font-size:18px;margin-top:30px;}
  .index03 .content .txtbox .c3 {margin-top:25px;}
  .index03 .content .txtbox .c4 {padding:0 40px 0 20px;}
}
@media(min-width:992px) {
  .index03 {padding:75px 0 95px;}
  .index03 .t1 {font-size:28px;}
  .index03 .content {margin-top:45px;}
  .index03 .content .txtbox .c1 {font-size:74px;padding-bottom:10px;}
  .index03 .content .txtbox .c2 {font-size:20px;margin-top:25px;}
  .index03 .content .txtbox .c3 {margin-top:15px;}
  .index03 .content .txtbox .c4 {margin:30px 0;line-height: 40px;height:40px;padding:0 50px 0 25px;}
}
@media(min-width:1200px) {
  .index03 {padding:95px 0 125px;}
  .index03 .t1 {font-size:30px;}
  .index03 .content {margin-top:60px;}
  .index03 .content .txtbox .c1 {font-size:70px;padding-bottom:15px;}
  .index03 .content .txtbox .c2 {font-size:22px;margin-top:30px;}
  .index03 .content .txtbox .c3 {font-size:15px;margin-top:25px;}
  .index03 .content .imgbox {margin-right:7%;}
  .index03 .content .txtbox .c4 {margin:0;position:absolute;bottom:1px;padding:0 60px 0 30px;}
  .index03 .typebox {height:100%;flex-direction: column;justify-content:space-around;}
  .index03 .typebox .s1 {height:55px;line-height: 55px;position:relative;z-index:2;}
  .index03 .typebox .s1:after {content:'';background:#e60012;width:360px;height:0;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);transition:.1s height linear;}
  .index03 .typebox .s1.swiper-pagination-bullet-active,.index03 .typebox .s1:hover {color:#fff;}
  .index03 .typebox .s1.swiper-pagination-bullet-active:after {height:55px;transition:.1s height linear;}
  .index03 .typebox .s1:hover:after {height:55px;transition:.1s height linear;}
}
@media(min-width:1400px) {
  .index03 {padding:110px 0 155px;}
  .index03 .t1 {font-size:34px;}
  .index03 .content {margin-top:75px;}
  .index03 .content .txtbox .c1 {font-size:74px;padding-bottom:20px;}
  .index03 .content .txtbox .c2 {font-size:24px;margin-top:40px;}
  .index03 .content .txtbox .c3 {margin-top:35px;}
  .index03 .content .txtbox .c4 {line-height: 45px;height:45px;padding:0 70px 0 35px;}
  .index03 .typebox .s1 {height:75px;line-height: 75px;}
  .index03 .typebox .s1:after {width:350px;}
  .index03 .typebox .s1.swiper-pagination-bullet-active:after {height:75px;}
  .index03 .typebox .s1:hover:after {height:75px;}
}
@media(min-width:1600px) {
  .index03 {padding:125px 0 185px;}
  .index03 .t1 {font-size:36px;}
  .index03 .content {margin-top:90px;}
  .index03 .content .txtbox .c1 {font-size:85px;padding-bottom:25px;}
  .index03 .content .txtbox .c2 {font-size:26px;margin-top:80px;}
  .index03 .content .txtbox .c3 {margin-top:65px;}
  .index03 .content .txtbox .c4 {line-height: 50px;height:50px;padding:0 80px 0 40px;}
  .index03 .typebox .s1 {height:95px;line-height: 95px;}
  .index03 .typebox .s1:after {width:420px;}
  .index03 .typebox .s1.swiper-pagination-bullet-active:after {height:95px;}
  .index03 .typebox .s1:hover:after {height:95px;}
}

.index04 {color:#fff;padding:30px 0 25px;}
.index04 .title {position:relative;padding-top:15px;}
.index04 .title:before {content:'';background:#e60012;width:50%;height:3px;position:absolute;top:0;left:0;}
.index04 .t1 {font-size:22px;line-height: 1.5;}
.index04 .t2 {font-size:18px;margin-top:10px;}
.index04 .slide {margin-bottom:20px;}
.index04 .c1 {font-size:46px;font-weight:1000;}
.index04 .c2 {margin-top:10px;}
@media(min-width:768px){
	.index04 {padding:50px 0 40px;}
	.index04 .title {padding-top:25px;}
	.index04 .t1 {font-size:30px;}
	.index04 .t2 {font-size:22px;}
	.index04 .slide {margin-bottom:25px;}
	.index04 .c1 {font-size:62px;}
}
@media(min-width:992px){
	.index04 {padding:70px 0 45px;}
	.index04 .title {padding-top:30px;}
	.index04 .t1 {font-size:36px;}
	.index04 .t2 {font-size:26px;margin-top:15px;}
	.index04 .slide {margin-bottom:30px;}
	.index04 .c1 {font-size:66px;text-align:right;}
	.index04 .c2 {text-align:right;}
}
@media(min-width:1200px){
	.index04 {padding:85px 0 50px;}
	.index04 .title {padding-top:35px;}
	.index04 .t1 {font-size:42px;}
	.index04 .t2 {font-size:28px;margin-top:20px;}
	.index04 .slide {margin-bottom:40px;}
	.index04 .c1 {font-size:70px;}
}
@media(min-width:1400px){
	.index04 {padding:100px 0 60px;}
	.index04 .title {padding-top:40px;}
	.index04 .t1 {font-size:46px;}
	.index04 .t2 {font-size:30px;margin-top:25px;}
	.index04 .slide {margin-bottom:50px;}
	.index04 .c1 {font-size:76px;}
	.index04 .c2 {margin-top:15px;}
}
@media(min-width:1600px){
	.index04 {padding:115px 0 75px;}
	.index04 .title {padding-top:45px;}
	.index04 .t1 {font-size:50px;}
	.index04 .t2 {font-size:32px;margin-top:30px;}
	.index04 .slide {margin-bottom:60px;}
	.index04 .c1 {font-size:80px;}
}

.index05 {padding:35px 0 40px;position:relative;overflow:hidden;}
.index05 .leftbox {background: #fff;position:relative;z-index: 2;}
.index05 .leftbox:before {content:'';position:absolute;right:100%;top:0;width:50vw;height:100%;background: #fff;}
.index05 .t1 {color:#6a6767;font-size:20px;}
.index05 .t2 {color:#86898d;line-height: 1.85;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;}
.index05 .t3 {color:#7a7a7a;margin-top:25px;display:block;}
.index05 .t3:hover {color:#e60012;}
.index05 .swiper {margin-top:20px;}
.index05 .next {color:#fff;background:#e60012;text-align:center;width:40px;height:32px;line-height:32px;position:absolute;z-index:10;right:0;top:50%;transform:translate(0%,-50%);}
@media(min-width:768px){
	.index05 {padding:70px 0 70px;}
	.index05 .t1 {font-size:22px;}
	.index05 .t2 {margin-top:15px;}
	.index05 .t3 {margin-top:35px;}
}
@media(min-width:992px){
	.index05 {padding:70px 0 70px;}
	.index05 .t1 {font-size:24px;}
	.index05 .t3 {margin-top:45px;}
}
@media(min-width:1200px){
	.index05 {padding:90px 0 90px;}
	.index05 .leftbox {padding-right:13%;}
	.index05 .t1 {font-size:28px;}
	.index05 .t3 {margin-top:55px;}
	.index05 .swiper {overflow:visible;margin-top:0;}
	.index05 .next {transform:translate(120%,-50%);}
}
@media(min-width:1400px){
	.index05 {padding:110px 0 120px;}
	.index05 .t1 {font-size:32px;}
	.index05 .t3 {margin-top:65px;}
}
@media(min-width:1600px){
	.index05 {padding:120px 0 140px;}
	.index05 .t1 {font-size:36px;}
	.index05 .t3 {margin-top:80px;}
}

.index06 {background:#eee;padding:30px 0 30px;position:relative;overflow:hidden;}
.index06 .t1 {color:#6a6767;font-size:20px;white-space: nowrap;}
.index06 .t2 {color:#7a7a7a;}
.index06 .t2:hover {color:#e60012;}
.index06 .content .swiper {padding-top:25px;}
.index06 .c1 {color:#6a6767;font-weight:bold;transition:.36s all linear;}
.index06 .c2 {color:#86898d;line-height:2;overflow:hidden;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow: ellipsis;}
.index06 .c3 {margin-top:15px;}
.index06 .c4 {font-size:15px;font-weight:bold;}
.index06 .c4 span {color:rgba(0,0,0,.6);}
@media(max-width:1199px) {
	.index06 .content .swiper-slide:nth-child(2n) {border:none;}
}
@media(min-width:768px) {
	.index06 {padding:40px 0 0px;}
	.index06 .t1 {font-size:24px;}
	.index06 .content .swiper {padding-top:35px;margin-left: -7%;margin-right: -7%;}
	.index06 .content .swiper-slide {padding:15px 7% 30px;border-right:1px solid #cdcdcd;}
	.index06 .c2 {margin-top:15px;}
	.index06 .c3 {margin-top:20px;}
	.index06 .c4 {font-size:16px;}
}
@media(min-width:992px) {
	.index06 {padding:45px 0 0px;}
	.index06 .t1 {font-size:28px;}
	.index06 .content .swiper {padding-top:45px;margin-left: -4%;margin-right: -4%;}
	.index06 .content .swiper-slide {padding:15px 4% 45px;transition:.36s all linear;}
	.index06 .content .swiper-slide:hover {transform:translateY(-15px);transition:.36s all linear;}
	.index06 .c3 {margin-top:25px;}
	.index06 .c4 {font-size:17px;}
	.index06 .swiper-slide:hover .c1 {color:#e60012;}
}
@media(min-width:1200px) {
	.index06 {padding:60px 0 0px;}
	.index06 .t1 {font-size:30px;}
	.index06 .content .swiper {padding-top:60px;}
	.index06 .content .swiper-slide {padding:20px 4% 60px;}
	.index06 .content .swiper-slide:nth-child(3n) {border:none;}
	.index06 .c1 {font-size:15px;}
	.index06 .c2 {font-size:15px;margin-top:20px;}
	.index06 .c3 {margin-top:30px;}
	.index06 .c4 {font-size:18px;}
	.index06 .c4 span {font-size:14px;}
}
@media(min-width:1400px) {
	.index06 {padding:75px 0 0;}
	.index06 .t1 {font-size:34px;}
	.index06 .content .swiper {padding-top:75px;}
	.index06 .content .swiper-slide {padding:20px 4% 80px;}
	.index06 .c3 {margin-top:35px;}
	.index06 .c4 {font-size:19px;}
}
@media(min-width:1600px) {
	.index06 {padding:90px 0 0px;}
	.index06 .t1 {font-size:36px;}
	.index06 .content .swiper {padding-top:90px;}
	.index06 .content .swiper-slide {padding:25px 4% 100px;}
	.index06 .c3 {margin-top:45px;}
	.index06 .c4 {font-size:20px;}
}

.company01 {padding-bottom:30px;position:relative;overflow:hidden;}
.company01 .img {width:100%;}
.company01 .t1 {color:#6a6767;font-size:22px;}
.company01 .t2 {color:#86898d;line-height: 1.8;margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow: hidden;text-overflow: ellipsis;}
.company01 .t2 p {text-indent:unset!important;margin-bottom:10px;}
.company01 .t3 {color:#7a7a7a;display:block;margin-top:20px;}
.company01 .t3:hover {color:#e60012;}
.company01 .bottom {padding-top:25px;border-top:1px solid #eee;}
.company01 .c1 {color:#e60012;font-size:40px;font-weight:1000;font-family: 'Arial';}
.company01 .c2 {color:#3a3939;margin-top:10px;}
@media(min-width:768px) {
  .company01 {padding-bottom:45px;}
  .company01 .t1 {font-size:24px;}
  .company01 .t2 {margin-top:20px;}
  .company01 .t3 {margin-top:30px;}
  .company01 .bottom {padding-top:45px;}
  .company01 .c1 {font-size:50px;}
  .company01 .c2 {margin-top:15px;}
}
@media(min-width:992px) {
  .company01 {padding-bottom:60px;}
  .company01 .img {width:unset;}
  .company01 .t1 {font-size:28px;}
  .company01 .t2 {margin-top:25px;}
  .company01 .t2 p {margin-bottom:15px;}
  .company01 .t3 {margin-top:40px;}
  .company01 .bottom {padding-top:60px;}
  .company01 .c1 {font-size:56px;}
  .company01 .c2 {margin-top:20px;}
}
@media(min-width:1200px) {
  .company01 {padding-bottom:75px;}
  .company01 .t1 {font-size:32px;}
  .company01 .t2 {font-size:15px;margin-top:30px;padding-right:18%;}
  .company01 .t2 p {margin-bottom:22px;}
  .company01 .t3 {margin-top:50px;}
  .company01 .bottom {padding-top:75px;}
  .company01 .c1 {font-size:62px;}
  .company01 .c2 {margin-top:25px;}
}
@media(min-width:1400px) {
  .company01 {padding-bottom:95px;}
  .company01 .t1 {font-size:34px;}
  .company01 .t2 {margin-top:35px;}
  .company01 .t2 p {margin-bottom:26px;}
  .company01 .t3 {margin-top:60px;}
  .company01 .bottom {padding-top:90px;}
  .company01 .c1 {font-size:66px;}
  .company01 .c2 {margin-top:30px;}
}
@media(min-width:1600px) {
  .company01 {padding-bottom:110px;}
  .company01 .t1 {font-size:36px;}
  .company01 .t2 {margin-top:40px;}
  .company01 .t3 {margin-top:70px;}
  .company01 .bottom {padding-top:105px;}
  .company01 .c1 {font-size:70px;}
  .company01 .c2 {margin-top:35px;}
}

.company02 {padding:30px 0 30px;position:relative;overflow:hidden;}
.company02 .content {margin-top:20px;}
.company02 .content .swiper {padding:0 20px;margin-left:-20px;margin-right:-20px;}
.company02 .content .swiper-slide {height:unset;}
.company02 .content .slide {color:#fff;background:rgba(255,255,255,.13);padding:20px 15% 25px;height:100%;display:block;transition:.26s all linear;}
.company02 .content .slide .img {font-size:33px;display:inline-block;position:relative;z-index:1;}
.company02 .content .slide .img:before {content:'';width:10px;height:10px;background:#e60012;border-radius:50%;top:-5%;left:40%;position:absolute;z-index:-1;}
.company02 .content .slide .c1 {font-size:17px;margin-top:15px;}
.company02 .content .slide .c2 {margin-top:10px;line-height: 2;text-align: justify;}
.company02 .content .slide:hover {border-color:rgba(24,35,54,.88);background:rgba(24,35,54,.88);transition:.26s all linear;}
@media(min-width:768px) {
  .company02 {padding:45px 0 50px;}
  .company02 .content {margin-top:30px;}
  .company02 .content .slide {padding:25px 15% 35px;}
  .company02 .content .slide .c1 {font-size:18px;margin-top:20px;}
}
@media(min-width:992px) {
  .company02 {padding:60px 0 75px;}
  .company02 .content {margin-top:40px;}
  .company02 .content .slide {padding:30px 15% 45px;}
  .company02 .content .slide .img {font-size:45px;}
  .company02 .content .slide .img:before {width:15px;height:15px;}
  .company02 .content .slide .c1 {font-size:19px;margin-top:25px;}
}
@media(min-width:1200px) {
  .company02 {padding:75px 0 105px;}
  .company02 .content {margin-top:50px;}
  .company02 .content .slide {padding:35px 15% 55px;}
  .company02 .content .slide .img {font-size:55px;}
  .company02 .content .slide .img:before {width:20px;height:20px;}
  .company02 .content .slide .c1 {font-size:20px;margin-top:30px;}
  .company02 .content .slide .c2 {font-size:15px;margin-top:15px;}
  .company02 .content .slide:hover .img:before {top:-0%;left:0%;transform-origin: 27px 27px; animation: whirl 1.5s linear infinite;}
}
@media(min-width:1400px) {
  .company02 {padding:90px 0 135px;}
  .company02 .t1 {font-size:36px;}
  .company02 .t2 {margin-top:25px;}
  .company02 .content {margin-top:65px;}
  .company02 .content .slide {padding:40px 15% 65px;}
  .company02 .content .slide .img {font-size:67px;}
  .company02 .content .slide .c1 {font-size:21px;margin-top:35px;}
  .company02 .content .slide:hover .img:before {transform-origin: 33px 33px;}
}
@media(min-width:1600px) {
  .company02 {padding:100px 0 155px;}
  .company02 .content {margin-top:85px;}
  .company02 .content .slide {padding:45px 18% 75px;}
  .company02 .content .slide .c1 {font-size:22px;margin-top:45px;}
  .company02 .content .slide .c2 {margin-top:20px;}
}

.company03 {position:relative;overflow:hidden;}
.company03 .t1 {color:#6a6767;font-size:5.2vw;}
.company03 .t2 {color:#7a7a7a;}
.company03 .t2:hover {color:#e60012;}
.company03 .leftbox {background:#eeeeee;padding:9.4vw 15px 8.4vw;}
.company03 .leftbox .content {margin-top:5vw;}
.company03 .leftbox .c1 {color:#6a6767;margin-top:4.2vw;text-align:center;}
.company03 .leftbox .c1:after {content:'';display:block;background:#e60012;height:3px;width:30%;margin:1.58vw auto 0;}
.company03 .leftbox .swiper-slide {transition:.36s all ease-out;}
.company03 .leftbox .swiper-slide:hover {background: #fff;padding: 15px;transition:.36s all ease-in;}
.company03 .rightbox {padding:9.4vw 15px 8.6vw;position:relative;}
.company03 .rightbox .content {padding:0 11%;margin-top:3.15vw;position:relative;}
.company03 .rightbox .content .ratio img {width:unset;max-height:100%;}
.company03 .rightbox .swiper-slide img {transition:.36s all ease-out;}
.company03 .rightbox .swiper-slide:hover img {transform: translate(-50%,-50%) scale(.95);transition:.36s all ease-in;}
.company03 .rightbox:after {content:'';background:#e60012;height:18vw;width:100%;position:absolute;bottom:0;left:0;}
.company03 .rightbox .c1 {color:#fff;margin-top:4.2vw;}
.company03 .rightbox .next {color:#fff;background:#e60012;text-align:center;width:40px;height:32px;line-height:32px;position:absolute;z-index:10;right:0;top:50%;transform:translate(0%,-50%);}
.company03 .rightbox .prev {color:#fff;background:#e60012;text-align:center;width:40px;height:32px;line-height:32px;position:absolute;z-index:10;left:0;top:50%;transform:translate(0%,-50%);}
@media(min-width:768px) {
  .company03 .t1 {font-size:4vw;}
}
@media(min-width:992px) {
  .company03 .t1 {font-size:1.9vw;}
  .company03 .leftbox {padding:4.7vw 8.42vw 8.4vw 5.25vw;}
  .company03 .leftbox .c1 {margin-top:2.1vw;}
  .company03 .rightbox {padding:4.7vw 8.42vw 4.3vw 5.25vw;}
  .company03 .rightbox:after {height:8.95vw;}
  .company03 .rightbox .c1 {margin-top:2.1vw;}
}

.product01 {padding:30px 0 20px;position:relative;overflow:hidden;}
.product01 .t1 {color:#6a6767;font-size:20px;white-space: nowrap;}
.product01 .title hr {position:relative;overflow:visible;}
.product01 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.product01 .adlist {margin-top:25px;}
.product01 .ad {color:#fff;overflow:hidden;position:relative;display:block;}
.product01 .ad img {transition:.36s all linear;}
.product01 .ad:nth-child(2) {margin-top:15px;}
.product01 .ad .txtbox {position:absolute;left:25px;top:25px;}
.product01 .ad .txtbox .c1 {font-size:24px;}
.product01 .ad .txtbox .c2 {margin-top:10px;}
.product01 .ad .c3 {left:25px;bottom:25px;position:absolute;border:1px solid #fff;line-height: 30px;padding:0 15px;}
.product01 .prolist {margin-top:20px;margin-left:-10px;margin-right: -10px;}
.product01 .prolist .slide {margin-bottom:4.211vw;padding:0 10px;overflow:hidden;}
.product01 .prolist .slide .hoverbg {display:none;}
.product01 .ratio {border:1px solid #eee;background: #eeeeee;overflow:hidden;}
.product01 .prolist .s1 {color:#363535;font-size:16px;margin-top:15px;}
.product01 .prolist .s2 {color:#9b9a9a;padding:10px 0;padding-left:5px;margin:10px 0;margin-right:5px;border-top:1px solid #eeeeee;border-bottom:1px solid #eee;}
.product01 .prolist .s3 {color:#9b9a9a;}
.product01 .prolist .s3 span {color:#f2535a;font-size:140%;font-weight:1000;}
@media(max-width:1199px) {
  .product01 .typelist a {line-height: 35px;border:1px solid #eee;display:block;text-align: center;transition:.36s all linear;}
  .product01 .typelist a:hover {background: #e60012;color:#fff;transition:.36s all linear;}
}
@media(min-width:375px) {
  .product01 .ad .txtbox {left:10%;top:15%;}
  .product01 .ad .txtbox .c2 {margin-top:20px;}
  .product01 .ad .c3 {left:10%;bottom:15%;line-height: 35px;padding:0 20px;}
}
@media(min-width:768px) {
  .product01 {padding:50px 0 40px;}
  .product01 .t1 {font-size:24px;}
  .product01 .adlist {margin-top:40px;}
  .product01 .ad .txtbox {left:75px;top:75px;}
  .product01 .ad .txtbox .c1 {font-size:28px;}
  .product01 .ad .txtbox .c2 {margin-top:25px;}
  .product01 .ad .c3 {left:75px;bottom:75px;line-height: 35px;padding:0 20px;}
  .product01 .prolist .s1 {font-size:17px;}
}
@media(min-width:992px) {
  .product01 {padding:70px 0 60px;}
  .product01 .t1 {font-size:28px;}
  .product01 .adlist {margin-top:50px;}
  .product01 .ad {flex:1;}
  .product01 .ad:hover img {transform:scale(1.1);transition:.56s all linear;}
  .product01 .ad:nth-child(1) {margin-right:10px;}
  .product01 .ad:nth-child(2) {margin-top:0;margin-left:10px;}
  .product01 .ad .txtbox {left:45px;top:45px;}
  .product01 .ad .txtbox .c1 {font-size:30px;}
  .product01 .ad .txtbox .c2 {margin-top:15px;}
  .product01 .ad .c3 {left:45px;bottom:45px;}
  .product01 .prolist .s1 {font-size:18px;margin-top:1.579vw;}
  .product01 .prolist .s2 {padding:0.789vw 0;padding-left:5px;margin:1.053vw 0;margin-right:5px;}
  .product01 .prolist .slide:hover img {transform:translate(-50%,-50%) scale(1.2);transition:.36s all linear;}
  .product01 .prolist .slide .hoverbg {color:#fff;display:flex;align-items:center;justify-content:center;position:relative;background-color: rgba(25, 30, 42, 0.7);opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:.26s all linear;}
  .product01 .prolist .slide .hoverbg:before,
  .product01 .prolist .slide .hoverbg:after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, -webkit-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;-moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;transition: opacity 0.35s, transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;z-index: 2;}
  .product01 .prolist .slide .hoverbg:before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);}
  .product01 .prolist .slide .hoverbg:after {border-left: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0);}
  .product01 .prolist .slide:hover .hoverbg:before,
  .product01 .prolist .slide:hover .hoverbg:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
  .product01 .prolist .slide:hover .hoverbg {opacity:1;transition:.16s all linear;}
}
@media(min-width:1200px) {
  .product01 {padding:90px 0 80px;}
  .product01 .t1 {font-size:30px;}
  .product01 .typelist {padding-left:10%;text-align:right;}
  .product01 .typelist a:hover {color:#e60012;}
  .product01 .adlist {margin-top:60px;}
  .product01 .ad .txtbox {left:55px;top:55px;}
  .product01 .ad .txtbox .c1 {font-size:32px;}
  .product01 .ad .txtbox .c2 {margin-top:20px;}
  .product01 .ad .c3 {font-size:15px;left:55px;bottom:60px;line-height: 40px;padding:0 25px;}
  .product01 .ad .c3:hover {background:#fff;color:#e60012;transition:.36s all linear;}
  .product01 .prolist .s1 {font-size:19px;}
}
@media(min-width:1400px) {
  .product01 {padding:110px 0 100px;}
  .product01 .t1 {font-size:34px;}
  .product01 .adlist {margin-top:70px;}
  .product01 .ad .txtbox {left:65px;top:65px;}
  .product01 .ad .txtbox .c1 {font-size:34px;}
  .product01 .ad .txtbox .c2 {margin-top:25px;}
  .product01 .ad .c3 {left:65px;bottom:75px;padding:0 30px;}
  .product01 .prolist .s1 {font-size:21px;}
}
@media(min-width:1600px) {
  .product01 {padding:125px 0 120px;}
  .product01 .t1 {font-size:36px;}
  .product01 .adlist {margin-top:80px;}
  .product01 .ad .txtbox {left:75px;top:75px;}
  .product01 .ad .txtbox .c1 {font-size:37px;}
  .product01 .ad .c3 {left:75px;bottom:90px;padding:0 35px;}
  .product01 .prolist .s1 {font-size:22px;}
}

.protype {background:#263142;position: relative;overflow: hidden;}
.protype .swiper-slide a {display:block;padding:15px 0;transition:.3s all linear;}
.protype .swiper-slide.active a,
.protype .swiper-slide a:hover {font-weight:bold;border-bottom:3px solid #e60012;transition:.3s all linear;}
.protype .content {position:relative;}
.protype .swiper-slide {text-align: center;}
.protype .c1 {color:#fff;}
@media(min-width:768px) {
}
@media(min-width:992px) {
	.protype .swiper-slide a {padding:3.053vw 0;}
	.protype .after {height:3px;width:0;background:#e60012;position:absolute;bottom:0;left:0;}
}
@media(min-width:1200px) {
}
@media(min-width:1400px) {
	.protype .c1 {font-size:17px;}
}
@media(min-width:1600px) {
	.protype .c1 {font-size:18px;}
}

.proinfo {background: #eeeeee;}
.proinfo01 {padding:15px 0 30px;}
.proinfo01 .imgbox {height: 100%;cursor:pointer;border:1px solid #eee;}
.proinfo01 .imgbox:after {padding-top:74%;}
.proinfo01 #bigSwiper .ratio {background: #fff;}
.proinfo01 #bigSwiper img {width:unset;max-height:100%;}
.proinfo01 #bigSwiper .swiper-button-next,.proinfo01 #bigSwiper .swiper-button-prev {color:#e60012;}
.proinfo01 #smallSwiper .swiper-slide .play {font-size:26px;text-align: center;}
.proinfo01 #smallSwiper .ratio {background: #fff;}
.proinfo01 #smallSwiper img {width:unset;max-height:100%;}
.proinfo01 .t1 {color:#363535;font-size:17px;}
.proinfo01 .t2 {color:#919191;line-height: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis; overflow:hidden;margin-top:20px;padding:15px 0 0;border-top:1px solid #e2e1e1;}
.proinfo01 .t3 {color:#494949;line-height:35px;flex:0 0 50%;max-width:50%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.proinfo01 .t3:before {content:'';display:inline-block;border-radius: 50%;background:#e60012;width:10px;height:10px;margin-right:1.211vw;}
.proinfo01 .t4 {padding:1.053vw 0;margin-top:15px;display:flex;flex-wrap:wrap;border-top:1px solid #e2e1e1;border-bottom:1px solid #e2e1e1;}
.proinfo01 .t5 {margin-top:15px;}
.proinfo01 .c1 {color:#919191;font-weight: bold;white-space: nowrap;flex:1;}
.proinfo01 .c1 b {color:#e60012;font-size:140%;font-weight:bold;}
.proinfo01 .order-btn {color:#e60012;font-weight:bold;flex:1;text-decoration: underline;display:block;}
.proinfo01 .play {cursor:pointer;color:rgba(255,255,255,.7);background:rgba(0,0,0,.3);width:100%;height:100%;display:flex;justify-content: center; align-items:center;font-size:50px;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);}
.proinfo01 .play:hover {color:#fff;transition:.36s all linear;}
.proinfo01 #videobox iframe {position:absolute;left:0;}
@media(max-width: 991px) {
	.proinfo01 .t1 {margin-top:20px;}
}
@media(max-width: 767px) {
	.proinfo01 #smallSwiper {margin-top:10px;}
}
@media(min-width:768px) {
	.proinfo01 .t3 {line-height: 40px;}
	.proinfo01 .play {font-size:50px;}
	.proinfo01 #bigSwiper {flex:0 0 76%;max-width:76%;}
	.proinfo01 #smallSwiper {flex:0 0 23.5%;max-width:23.5%;margin-left:15px;margin-bottom:-11px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:32px;}
  .proinfo01 #smallSwiper .swiper-slide img {border-left:3px solid #fff;}
  .proinfo01 #smallSwiper .swiper-slide.active img {border-left:3px solid #e60012;}
  .proinfo01 #smallSwiper .swiper-slide:hover {cursor:pointer;}
}
@media(min-width:992px) {
	.proinfo01 {padding:2.105vw 0 5.8vw;}
	.proinfo01 .rightbox {padding-left:4vw;}
	.proinfo01 .t1 {font-size:24px;}
	.proinfo01 .t2 {margin-top:1.421vw;padding:1.421vw 0 0;}
	.proinfo01 .t4 {padding:1.053vw 0;margin-top:1.842vw;}
	.proinfo01 .t5 {margin-top:1.579vw;}
	.proinfo01 .play {font-size:65px;}
  .proinfo01 #smallSwiper {margin-bottom:-8px;}
}
@media(min-width:1200px) {
	.proinfo01 #bigSwiper {flex:0 0 70%;max-width:70%;}
	.proinfo01 #smallSwiper {flex:0 0 22.5%;max-width:22.5%;}
	.proinfo01 .t1 {font-size:28px;}
	.proinfo01 .t2 {font-size:14px;}
	.proinfo01 .t3 {line-height: 45px;}
	.proinfo01 .c1 {font-size:15px;}
	.proinfo01 .play {font-size:75px;}
  .proinfo01 #smallSwiper {margin-bottom:-2px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:36px;}
}
@media(min-width:1400px) {
	.proinfo01 .t1 {font-size:32px;}
	.proinfo01 .t3 {font-size:17px;line-height: 55px;}
  .proinfo01 #smallSwiper {margin-bottom:-3px;}
}
@media(min-width:1600px) {
	.proinfo01 .t1 {font-size:36px;}
	.proinfo01 .t3 {font-size:18px;line-height: 60px;}
	.proinfo01 .play {font-size:85px;}
	.proinfo01 #smallSwiper .swiper-slide .play {font-size:42px;}
}

.proinfo02 {padding:25px 0 0;}
.proinfo02 .t1 {color:#e60012;font-size:20px;font-weight:bold;}
.proinfo02 .t2 {color:#6a6767;font-size:20px;}
.proinfo02 .t3 {color:#d9d8d8;font-weight:bold;font-style:italic;}
.proinfo02 .title {margin-top:10px;}
.proinfo02 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo02 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo02 .content {color:#86898d;margin-top:25px;line-height: 2;}
@media(min-width:768px) {
  .proinfo02 .t1 {font-size:22px;}
  .proinfo02 .t2 {font-size:22px;}
}
@media(min-width:992px) {
  .proinfo02 {padding:5.8vw 0 0;}
  .proinfo02 .t1 {font-size:24px;}
  .proinfo02 .t2 {font-size:24px;}
  .proinfo02 .title hr {margin:0 2.5vw;}
  .proinfo02 .content {margin-top:3.684vw;}
}
@media(min-width:1200px) {
  .proinfo02 .t1 {font-size:28px;}
  .proinfo02 .t2 {font-size:28px;}
  .proinfo02 .content {font-size:15px;}
}
@media(min-width:1400px) {
  .proinfo02 .t1 {font-size:32px;}
  .proinfo02 .t2 {font-size:32px;}
}
@media(min-width:1600px) {
  .proinfo02 .t1 {font-size:36px;}
  .proinfo02 .t2 {font-size:36px;}
}

.proinfo03 {padding:25px 0 0px;position:relative;overflow:hidden;}
.proinfo03 .t1 {color:#e60012;font-size:20px;font-weight:bold;}
.proinfo03 .t2 {color:#6a6767;font-size:20px;}
.proinfo03 .t3 {color:#d9d8d8;font-weight:bold;font-style:italic;}
.proinfo03 .title {margin-top:10px;}
.proinfo03 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo03 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo03 .content {margin-top:20px;}
.proinfo03 .content .swiper {padding:0 20px;margin-left:-20px;margin-right:-20px;}
.proinfo03 .content .swiper-slide {height:unset;}
.proinfo03 .content .slide {color:#282828;padding:20px 18%;height:100%;display:block;transition:.26s all linear;}
.proinfo03 .content .slide .img {font-size:33px;display:inline-block;position:relative;z-index:1;}
.proinfo03 .content .slide .img:before {content:'';width:10px;height:10px;background:#e60012;border-radius:50%;top:-5%;left:40%;position:absolute;z-index:-1;}
.proinfo03 .content .slide .c1 {font-size:17px;margin-top:15px;}
.proinfo03 .content .slide .c2 {margin-top:10px;line-height: 2;text-align: justify;}
.proinfo03 .content .slide:hover {background:rgba(0,0,0,.05);transition:.26s all linear;}
@media(max-width:1199px) {
  .proinfo03 .content .slide {background:rgba(0,0,0,.05);}
}
@media(min-width:768px) {
  .proinfo03 .t1 {font-size:22px;}
  .proinfo03 .t2 {font-size:22px;}
  .proinfo03 .content {margin-top:30px;}
  .proinfo03 .content .slide {padding:25px 18%;}
  .proinfo03 .content .slide .c1 {font-size:18px;margin-top:20px;}
}
@media(min-width:992px) {
  .proinfo03 {padding:5.8vw 0 0;}
  .proinfo03 .t1 {font-size:24px;}
  .proinfo03 .t2 {font-size:24px;}
  .proinfo03 .title hr {margin:0 2.5vw;}
  .proinfo03 .content {margin-top:40px;}
  .proinfo03 .content .slide {padding:30px 18%;}
  .proinfo03 .content .slide .img {font-size:45px;}
  .proinfo03 .content .slide .img:before {width:15px;height:15px;}
  .proinfo03 .content .slide .c1 {font-size:19px;margin-top:25px;}
}
@media(min-width:1200px) {
  .proinfo03 .t1 {font-size:28px;}
  .proinfo03 .t2 {font-size:28px;}
  .proinfo03 .content {margin-top:50px;}
  .proinfo03 .content .slide {padding:35px 18%;}
  .proinfo03 .content .slide .img {font-size:55px;}
  .proinfo03 .content .slide .img:before {width:20px;height:20px;}
  .proinfo03 .content .slide .c1 {font-size:20px;margin-top:30px;}
  .proinfo03 .content .slide .c2 {font-size:15px;margin-top:15px;}
  .proinfo03 .content .slide:hover {background:rgba(0,0,0,.05);transition:.26s all linear;}
  .proinfo03 .content .slide:hover .img:before {top:-0%;left:0%;transform-origin: 27px 27px; animation: whirl 1.5s linear infinite;}
}
@media(min-width:1400px) {
  .proinfo03 .t1 {font-size:32px;}
  .proinfo03 .t2 {font-size:32px;}
  .proinfo03 .content {margin-top:65px;}
  .proinfo03 .content .slide {padding:40px 18%;}
  .proinfo03 .content .slide .img {font-size:67px;}
  .proinfo03 .content .slide .c1 {font-size:21px;margin-top:35px;}
  .proinfo03 .content .slide:hover .img:before {transform-origin: 33px 33px;}
}
@media(min-width:1600px) {
  .proinfo03 .t1 {font-size:36px;}
  .proinfo03 .t2 {font-size:36px;}
  .proinfo03 .content {margin-top:85px;}
  .proinfo03 .content .slide {padding:45px 18%;}
  .proinfo03 .content .slide .c1 {font-size:22px;margin-top:45px;}
  .proinfo03 .content .slide .c2 {margin-top:20px;}
}

.proinfo04 {padding:25px 0 0;}
.proinfo04 .t1 {color:#e60012;font-size:20px;font-weight:bold;}
.proinfo04 .t2 {color:#6a6767;font-size:20px;}
.proinfo04 .t3 {color:#d9d8d8;font-weight:bold;font-style:italic;}
.proinfo04 .title {margin-top:10px;}
.proinfo04 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo04 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo04 .content {margin-top:25px;}
.proinfo04 .ratio:before {padding-top:51%;}
.proinfo04 .ratio:hover img {transform:translate(-50%,-50%) scale(1.1);transition:.36s all linear;}
.proinfo04 .c1 {color:#fff;background:#e60012;width:45%;height:40px;line-height:40px;padding:0 15px;text-align:center;margin:0 auto;transform:translateY(-30%);transition: .16s all linear;}
@media(min-width:768px) {
  .proinfo04 .t1 {font-size:22px;}
  .proinfo04 .t2 {font-size:22px;}
  .proinfo04 .c1 {height:50px;line-height:50px;}
}
@media(min-width:992px) {
  .proinfo04 {padding:5.8vw 0 0;}
  .proinfo04 .t1 {font-size:24px;}
  .proinfo04 .t2 {font-size:24px;}
  .proinfo04 .title hr {margin:0 2.5vw;}
  .proinfo04 .content {margin-top:6.316vw;}
  .proinfo04 .c1 {height:55px;line-height:55px;}
  .proinfo04 .swiper-slide:hover .c1 {width:100%;transform:translate(0,0);transition: .16s all linear;}
}
@media(min-width:1200px) {
  .proinfo04 .t1 {font-size:28px;}
  .proinfo04 .t2 {font-size:28px;}
  .proinfo04 .c1 {height:60px;line-height:60px;}
}
@media(min-width:1400px) {
  .proinfo04 .t1 {font-size:32px;}
  .proinfo04 .t2 {font-size:32px;}
  .proinfo04 .c1 {height:70px;line-height:70px;}
}
@media(min-width:1600px) {
  .proinfo04 .t1 {font-size:36px;}
  .proinfo04 .t2 {font-size:36px;}
  .proinfo04 .c1 {height:75px;line-height:75px;}
}

.proinfo05 {margin-top:25px;padding:25px 0;background: #eeeeee;}
.proinfo05 .t2 {color:#6a6767;font-size:20px;}
.proinfo05 .t3 {color:#6a6767;font-style:italic;}
.proinfo05 .t3:hover {color:#e60012;}
.proinfo05 .title {margin-top:10px;}
.proinfo05 .title hr {flex:1;position:relative;overflow:visible;margin:0 15px;}
.proinfo05 .title hr:before {content:'';position:absolute;left:0;top:50%;transform:translate(-100%,-50%) rotate(45deg);width:9px;height:9px;border:1px solid #999;}
.proinfo05 .content {margin-top:25px;}
.proinfo05 .content .slide {margin-bottom:4.211vw;padding:0 10px;overflow:hidden;}
.proinfo05 .content .swiper-slide .hoverbg {display:none;}
.proinfo05 .content .ratio {border:1px solid #eee;background: #eeeeee;overflow:hidden;}
.proinfo05 .content .s1 {color:#363535;font-size:16px;margin-top:15px;}
.proinfo05 .content .s2 {color:#9b9a9a;padding:10px 0;margin:10px 0;border-top:1px solid #d8d6d6;border-bottom:1px solid #d8d6d6;}
.proinfo05 .content .s3 {color:#9b9a9a;display:flex;align-items:center;}
.proinfo05 .content .s3 span {color:#e60012;font-size:140%;font-weight:1000;}
@media(min-width:768px) {
  .proinfo05 .t2 {font-size:22px;}
  .proinfo05 .content .s1 {font-size:17px;}
}
@media(min-width:992px) {
  .proinfo05 {margin-top:6.842vw;padding:5.8vw 0 8.5vw;}
  .proinfo05 .t2 {font-size:24px;}
  .proinfo05 .title hr {margin:0 2.5vw;}
  .proinfo05 .content {margin-top:5.263vw;}
  .proinfo05 .content .s1 {font-size:18px;margin-top:1.579vw;}
  .proinfo05 .content .s2 {padding:0.789vw 0;padding-left:5px;margin:1.053vw 0;margin-right:5px;}
  .proinfo05 .content .swiper-slide:hover img {transform:translate(-50%,-50%) scale(1.2);transition:.36s all linear;}
  .proinfo05 .content .swiper-slide .hoverbg {color:#fff;display:flex;align-items:center;justify-content:center;position:relative;background-color: rgba(25, 30, 42, 0.7);opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:.26s all linear;}
  .proinfo05 .content .swiper-slide .hoverbg:before,
  .proinfo05 .content .swiper-slide .hoverbg:after {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, -webkit-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;-moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;transition: opacity 0.35s, transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;z-index: 2;}
  .proinfo05 .content .swiper-slide .hoverbg:before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);}
  .proinfo05 .content .swiper-slide .hoverbg:after {border-left: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: scale(1, 0);-moz-transform: scale(1, 0);-ms-transform: scale(1, 0);-o-transform: scale(1, 0);transform: scale(1, 0);}
  .proinfo05 .content .swiper-slide:hover .hoverbg:before,
  .proinfo05 .content .swiper-slide:hover .hoverbg:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
  .proinfo05 .content .swiper-slide:hover .hoverbg {opacity:1;transition:.16s all linear;}
}
@media(min-width:1200px) {
  .proinfo05 .t2 {font-size:28px;}
  .proinfo05 .content .s1 {font-size:20px;}
  .proinfo05 .content .s2 {font-size:15px;}
  .proinfo05 .content .s3 {font-size:15px;}
}
@media(min-width:1400px) {
  .proinfo05 .t2 {font-size:32px;}
  .proinfo05 .content .s1 {font-size:21px;}
}
@media(min-width:1600px) {
  .proinfo05 .t2 {font-size:36px;}
  .proinfo05 .content .s1 {font-size:22px;}
}

.case01 {position:relative;overflow:hidden;padding-bottom:10vw;}
.case01 .list {padding-top:20px;}
.case01 .list .slide {border:1px solid #eeeeee;margin-bottom:4.21vw;position:relative;}
.case01 .list .slide .ratio {border-bottom:1px solid #eeeeee;}
.case01 .list .slide .txtbox {padding:4.2vw 3.68vw 2.63vw;}
.case01 .c1 {color:#6a6767;font-weight:bold;}
@media(max-width:375px){
}
@media(min-width:768px) {
}
@media(min-width:992px) {
  .case01 .list {padding-top:2.105vw;margin-left:-20px;margin-right:-20px;}
  .case01 .list .col {padding:0 20px;}
  .case01 .list .slide {margin-bottom:2.105vw;transition:.16s all linear;}
  .case01 .list .slide .txtbox {padding:2.105vw 1.842vw 1.316vw;}
  .case01 .list .slide a:after {content:'';opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);transition:.16s all linear;}
  .case01 .list .slide.active a:after {opacity:1;transition:.36s all linear;}
  .case01 .list .slide:hover {box-shadow: 0 0 20px 10px rgba(0,0,0,.1);transition:.36s all linear;}
  .case01 .list .slide:hover img {transform:translate(-50%,-50%) scale(1.07);transition:.22s all linear;}
  .case01 .list .slide:hover .c1 {color:#000;}
}
@media(min-width:1200px) {
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}

.honor01 {position:relative;overflow:hidden;padding-bottom:10vw;}
.honor01 .list {padding-top:20px;}
.honor01 .list .slide {border:1px solid #eeeeee;margin-bottom:4.21vw;}
.honor01 .list .slide .ratio {border-bottom:1px solid #eee;}
.honor01 .list .slide .ratio img {max-width:90%;max-height:90%;width:unset;}
.honor01 .list .slide .txtbox {padding:4.2vw 3.68vw 2.63vw;}
.honor01 .c1 {color:#6a6767;font-weight:bold;}
@media(max-width:375px){
}
@media(min-width:768px) {
}
@media(min-width:992px) {
  .honor01 .list {padding-top:2.105vw;margin-left:-20px;margin-right:-20px;}
  .honor01 .list .col {padding:0 20px;}
  .honor01 .list .slide {margin-bottom:2.105vw;transition:.36s all linear;}
  .honor01 .list .slide .txtbox {padding:2.105vw 1.842vw 1.316vw;}
  .honor01 .list .slide:hover {box-shadow: 0 0 20px 10px rgba(0,0,0,.1);transition:.36s all linear;}
  .honor01 .list .slide:hover img {transform:translate(-50%,-50%) scale(1.07);transition:.22s all linear;}
  .honor01 .list .slide:hover .c1 {color:#000;}
}
@media(min-width:1200px) {
}
@media(min-width:1400px) {
}
@media(min-width:1600px) {
}

.news01 {position:relative;overflow:hidden;padding-bottom:10vw;}
.news01 .tt {color:#fff;font-size:2.3vw;font-weight:bold;width:6.5vw;height:5.46vw;padding-top:5px;position:absolute;left:0;top:0;text-align:center;z-index:1;background:url('../images/tt.png') no-repeat center;background-size:cover;}
.news01 .first-slide {background:#f7f7f7;padding:8.422vw 6.842vw 6.842vw;margin-top:20px;position:relative;}
.news01 .first-slide .c1 {font-size:16px;}
.news01 .first-slide .c3 {border:none;}
.news01 .list {padding-top:2.105vw;}
.news01 .list .slide {border:1px solid #eeeeee;margin-bottom:4.21vw;}
.news01 .list .slide .ratio {background:#eee;}
.news01 .list .slide .ratio:before {padding-top:65%;}
.news01 .list .slide .txtbox {padding:4.2vw 3.68vw 2.63vw;}
.news01 .c1 {color:#6a6767;font-weight:bold;}
.news01 .c2 {color:#86898d;line-height: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow: ellipsis; overflow:hidden;margin-top:1.053vw;}
.news01 .c3 {padding:2.1vw 3.68vw 3.15vw;border-top:1px solid #eee;}
.news01 .c4 {font-size:15px;font-weight:bold;}
.news01 .c4 span {color:rgba(0,0,0,.6);font-size:12px;}
@media(max-width:375px){
	.news01 .tt {width: 9.5vw;height: 7.46vw;}
}
@media(min-width:768px) {
	.news01 .first-slide .c1 {font-size:17px;}
	.news01 .c4 {font-size:16px;}
}
@media(min-width:992px) {
	.news01 .tt {font-size:1.158vw;width:3.263vw;height:2.737vw;padding-top:0.421vw;}
	.news01 .first-slide {padding:4.211vw 3.421vw 3.421vw;margin-top:2.368vw;transition:.36s all linear;}
	.news01 .first-slide .c1 {font-size:18px;}
  .news01 .first-slide:hover {box-shadow: 0 0 20px 10px rgba(0,0,0,.1);transition:.36s all linear;}
  .news01 .first-slide:hover .c1 {color:#000;}
	.news01 .list {padding-left:-20px;margin-right:-20px;}
	.news01 .list .col {padding:0 20px;}
	.news01 .list .slide {margin-bottom:2.105vw;transition:.36s all linear;}
	.news01 .list .slide .txtbox {padding:2.105vw 1.842vw 1.316vw;}
	.news01 .c3 {padding:1.053vw 1.842vw 1.579vw;}
	.news01 .c4 {font-size:17px;}
	.news01 .c4 span {font-size:13px;}
  .news01 .list .slide:hover {box-shadow: 0 0 20px 10px rgba(0,0,0,.1);transition:.36s all linear;}
  .news01 .list .slide:hover img {transform:translate(-50%,-50%) scale(1.07);transition:.22s all linear;}
  .news01 .list .slide:hover .c1 {color:#000;}
  .news01 .list .slide:hover .c3 {color:#888;}
  .news01 .list .slide:hover .c4 span {color:#888;}
}
@media(min-width:1200px) {
	.news01 .first-slide .c1 {font-size:19px;}
	.news01 .c2 {font-size:15px;}
	.news01 .c4 {font-size:18px;}
	.news01 .c4 span {font-size:14px;}
}
@media(min-width:1400px) {
	.news01 .first-slide .c1 {font-size:21px;}
	.news01 .c4 {font-size:19px;}
}
@media(min-width:1600px) {
	.news01 .first-slide .c1 {font-size:22px;}
	.news01 .c4 {font-size:20px;}
}

.newsinfo {padding:15px 0;text-align: justify;}
.newsinfo01 .t1 {color:#343434;font-size:18px;text-align:center;}
.newsinfo01 .t2 {color:#7a7a7a;padding: 2vw 15px;margin-top: 2vw;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;text-align:center;}
.newsinfo01 .img {width:800px;max-width:100%;}
.newsinfo01 .content {line-height: 2;padding-bottom:3.5vw;margin-top:1.842vw;}
.newsinfo01 .content img {height:unset!important;max-width:100%!important;}
.newsinfo01 .content iframe {background:none;max-width:100%!important;}
.newsinfo01 .content table {background:none;width:100%!important;max-width:100%!important;}
.newsinfo01 .video {width:800px;max-width:100%;height:300px;margin:0 auto;}
.newsinfo01 .video .jw-controlbar {width:100%;}
@media(min-width:768px) {}
@media(min-width:992px) {
  .newsinfo01 {padding:3.158vw 0;}
  .newsinfo01 .t1 {font-size:20px;}
  .newsinfo01 .t2 {padding: 1vw 15px;margin-top: 1vw;}
}
@media(min-width:1200px) {
  .newsinfo01 .content {padding-left:5.263vw;padding-right:5.263vw;}
  .newsinfo01 .t1 {font-size:22px;}
  .newsinfo01 .t2 {font-size:14px;}
  .newsinfo01 .video {height:450px;}
}
@media(min-width:1400px) {}
@media(min-width:1600px) {
  .newsinfo01 .t1 {font-size:26px;}
}

.job-list {margin-top: 20px;}
.job-title {line-height: 35px;border-top:1px solid #c9c9c9;cursor: pointer;position:relative;}
.job-list li:last-child .job-title {border-bottom:1px solid #c9c9c9;}
.job-title:after {content:'\ec00';font-family: 'iconfont';position:absolute;right:0;top:50%;transform:translateY(-50%);}
.job-title:hover {background:#f5f5f7;}
.job-title.active {background:#f5f5f7;border-bottom:none!important;}
.job-title.active:after {content:'\ec01';}
.job-title>div {flex:1;margin:0 15px;}
.job-t1 {color:#263142;font-size:14px;font-weight:bold;}
.job-txtbox {background:#fbfbfb;display:none;line-height:1.6;padding:15px;text-align: justify;}
a.job-more {color:#fff;background:#263142;padding:10px 25px;text-align: center;display:inline-block;margin:25px auto;}
a.job-more:hover {background: #e60012;}
@media(max-width:768px) {
  .job-title {flex-flow: row wrap;padding:0 15px;}
  .job-title>div {flex-basis:50%;max-width:50%;margin:0;}
  .job-t1 {font-size:16px;}
}
@media(min-width:768px){
  .job-t1 {font-size:16px;}
  .job-title {line-height: 60px;}
}
@media(min-width:992px){
  .job-list {margin-top: 2.368vw;}
  .job-t1 {font-size:18px;}
  .job-title {line-height: 65px;}
  .job-txtbox {padding:3vw 4vw;}
}
@media(min-width:1200px) {
  .job-title {line-height: 70px;}
  .job-t1 {font-size:20px;}
  .job-title:after {right:15px;}
}
@media(min-width:1400px) {
  .job-title {line-height: 80px;}
  .job-t1 {font-size:22px;}
}
@media(min-width:1600px) {
  .job-title {line-height: 88px;}
  .job-t1 {font-size:24px;}
}

.public01-content {width:100%;line-height: 24px;margin-top:30px;margin-bottom:30px;}
.public01-content img {max-width:100%;}
.public01-item {display:flex;justify-content: center;padding:0px 0 7px;position:relative;}
.public01-item .form-control {line-height: 1;}
.public01-item .form-label {margin:0;}
.public01-item input ,.public01-item textarea {width:95%;}
.public01-item-title {text-align:right;font-weight:bold;line-height:35px;}
.public01-item-input {flex:1;max-width:600px;line-height:35px;white-space: nowrap;padding-left:15px;}
.public01-item .submit {background:#263142;color:#fff;padding:10px 25px;}
.public01-t1 {text-align:center;line-height: 40px;}
.public01-imgbox {border:1px solid #c9c9c9;}
@media(max-width:767px) {
  .public01-content {padding-left:15px;padding-right:15px;text-align: justify;}
}
@media(min-width:768px) {
  .public01-item {padding:0px 0 10px;}
}
@media(min-width:992px) {
  .public01-content {line-height: 28px;margin-top:45px;margin-bottom:50px;}
  .public01-item {padding:0px 0 15px;}
}
@media(min-width:1200px) {
  .public01-content {margin-top:60px;}
  .public01-t1 {font-size:16px;line-height: 60px;}
}

.contact01 {padding:7.632vw 15px;}
.contact01 .t1 {color:#6a6767;font-size:20px;}
.contact01 .t2 {color:#9d9d9d;margin-top:1.368vw;line-height: 1.5;}
.contact01 .content {margin-top:5.263vw;}
.contact01 .content .slide {text-align: center;margin-bottom:30px;}
.contact01 .content .slide i {font-size:35px;display: flex;align-items: center;justify-content: center;}
.contact01 .content .slide i img {max-height:70px;}
.contact01 .content .slide .c1 {color:#e60011;font-size:15px;font-weight:bold;margin-top:2.105vw;}
.contact01 .content .slide .c2 {margin-top:1.211vw;line-height: 1.5;}
.contact-map {overflow: hidden;}
#dituContent {height:55.79vw;}
@media(min-width:576px) {
  .contact01 .content .slide i {height:70px;}
}
@media(min-width:768px) {
  .contact01 .t1 {font-size:20px;}
  .contact01 .content .slide i {font-size:40px;}
  .contact01 .content .slide .c1 {font-size:16px;}
}
@media(min-width:992px) {
  .contact01 .t1 {font-size:24px;}
  .contact01 .content .slide i {font-size:45px;}
  .contact01 .content .slide .c1 {font-size:17px;}
  .contact01 .content .slide .c2 {font-size:14px;}
  #dituContent {height:27.895vw;}
}
@media(min-width:1200px) {
  .contact01 .t1 {font-size:28px;}
  .contact01 .t2 {font-size:15px;}
  .contact01 .content .slide i {font-size:50px;}
  .contact01 .content .slide .c1 {font-size:18px;}
}
@media(min-width:1400px) {
  .contact01 .t1 {font-size:32px;}
  .contact01 .content .slide i {font-size:55px;}
  .contact01 .content .slide .c1 {font-size:19px;}
}
@media(min-width:1600px) {
  .contact01 .t1 {font-size:36px;}
  .contact01 .content .slide i {font-size:60px;}
  .contact01 .content .slide .c1 {font-size:20px;}
}

.message01 {background:#eeeeee;padding:7.368vw 15px 8.421vw;overflow:hidden;}
.message01 .t1 {color:#6a6767;font-size:18px;}
.message01 .t2 {color:#9d9d9d;margin-top:1.368vw;}
.message01 input {flex:1;}
.message01 .content {margin-top:2.632vw;}
.message01 .slide {display:flex;color:#9e9e9e;background:#fff;line-height:35px;margin-bottom:1.578vw;white-space:nowrap;}
.message01 .slide select {color:#9e9e9e;background:none;display:block;width:100%;height:35px;}
.message01 .slide textarea {width:90%;line-height: 35px;height:140px;}
.message01 .submit {color:#fff;background:#e60011;display:block;text-align:center;border-radius:0;transition:.36s all;}
.message01 input[type="reset"] {color:#fff;background: #263142;justify-content:center;transition:.36s all;}
.message01 div.slide:hover {color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);}
@media(min-width:768px) {
  .message01 .t1 {font-size:20px;}
  .message01 .slide {line-height:40px;}
}
@media(min-width:992px) {
  .message01 .t1 {font-size:24px;}
  .message01 .content {padding:0 6.842vw;}
  .message01 .slide {line-height:45px;margin-bottom:0.789vw;}
  .message01 .slide select {height:45px;}
  .message01 .slide textarea {line-height:45px;height:135px;}
  .message01 .slide:hover {border-color:#153f7b;}
  .message01 .submit {font-size:16px;transition:.36s all;}
  .message01 .submit:hover {box-shadow: inset 0 0 15px 5px rgb(0 0 0 / 50%);transition:.36s all;}
  .message01 input[type="reset"]:hover {background:#000;transition:.36s all;}
}
@media(min-width:1200px) {
  .message01 .t1 {font-size:28px;}
  .message01 .t2 {font-size:15px;}
  .message01 .slide {line-height:50px;}
  .message01 .slide select {height:50px;}
  .message01 .slide textarea {line-height: 50px;height: 150px;}
}
@media(min-width:1400px) {
  .message01 .t1 {font-size:32px;}
  .message01 .slide {line-height:55px;}
  .message01 .slide select {height:55px;}
  .message01 .slide textarea {line-height:55px;height:165px;}
  .message01 .submit {font-size:18px;}
}
@media(min-width:1600px) {
  .message01 .t1 {font-size:36px;}
}

.footer {background: #263142;padding-top:25px;}
.footer .fnav {color:#cdcdcd;margin-top:15px;}
.footer .fnav a {margin-top:15px;}
.footer .fnav a:hover {color:#fff;}
.footer .i1 i {color:#a19e9e;font-size:280%;margin-right:5px;}
.footer .c1 {color:#fff;font-family:Arial;font-weight:1000;font-size:15px;}
.footer .c2 {color:#b0b2b6;margin-top:5px;}
.footer .c3 {color:#b0b2b6;margin-top:15px;margin-left:15px;}
.footer .c4 {color:#ab1629;border-bottom:1px solid #ab1629;padding-bottom:1px;margin-top:15px;display:inline-block;margin-left:15px;}
.footer .c4:hover {color:#e60012;}
.footer .c5 {color:#b0b2b6;}
.footer .fewm {margin-top:15px;}
.footer .fewm img {width:120px;}
.footer .fbottom {color:#b0b2b6;padding:10px 15px;border-top:1px solid rgba(255,255,255,.07);margin-top:20px;}
@media(max-width:767px) {
  .footer .fnav a {text-align: center;}
}
@media(min-width:768px) {
  .footer {padding-top:35px;}
  .footer .fbottom {padding:15px 15px;margin-top:25px;}
}
@media(min-width:992px) {
  .footer {padding-top:45px;}
  .footer .c1 {font-size:16px;}
  .footer .c3 {margin-top:20px;}
  .footer .fbottom {padding:20px 15px;margin-top:30px;}
}
@media(min-width:1200px) {
  .footer {padding-top:55px;}
  .footer .fnav {margin-top:20px;}
  .footer .fnav a {margin-top:20px;}
  .footer {font-size:14px;}
  .footer .c1 {font-size:18px;}
  .footer .c3 {margin-top:25px;}
  .footer .c4 {margin-top:25px;}
  .footer .fewm {margin-top:20px;}
  .footer .fbottom {padding:25px 15px;margin-top:50px;}
}
@media(min-width:1400px) {
  .footer {padding-top:70px;}
  .footer .fnav {margin-top:25px;}
  .footer .fnav a {margin-top:25px;}
  .footer .i1 i {margin-right:10px;}
  .footer .c1 {font-size:20px;}
  .footer .c2 {margin-top:10px;}
  .footer .c3 {margin-top:30px;margin-left:25px;}
  .footer .c4 {margin-top:35px;margin-left:25px;}
  .footer .fewm {margin-top:25px;}
  .footer .fbottom {padding:30px 15px;margin-top:65px;}
}
@media(min-width:1600px) {
  .footer {padding-top:90px;}
  .footer .c1 {font-size:21px;}
  .footer .c3 {margin-top:40px;}
  .footer .fewm {margin-top:30px;}
  .footer .fbottom {padding:35px 15px;margin-top:80px;}
}

.footer-bar {height:70px;z-index:99;transition:.36s all;}
.footer-bar .list {color:#fff;background:#333;display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:99;}
.footer-bar .slide {flex:1;text-align: center;line-height: 30px;}
.footer-bar .slide:hover {color:#fff;}
.footer-bar .slide i {display:block;font-size:25px;padding-top:10px;}
@media(max-width:991px) {
  .footer-bar.hide {display:none;}
}